<div class="meta-form meta-container meta-container-60">
    <h3 class="form-title" ng-bind="formCopywriter.title"></h3>
    <ul class="form-step">
        <li class="col-lg-4 col-md-4 col-sm-4 col-xs-4 active">STEP 1&nbsp;&nbsp;{{formCopywriter.step[0].content}}
            <i class="glyphicon glyphicon-ok-circle" style="color: #1F86ED"
               ng-show="($state.includes(formCopywriter.step[1].state) || $state.includes(formCopywriter.step[2].state) || $state.includes(formCopywriter.step[3].state))">
            </i>
        </li>
        <li class="col-lg-4 col-md-4 col-sm-4 col-xs-4"
            ng-class="{'active': ($state.includes(formCopywriter.step[1].state) || $state.includes(formCopywriter.step[2].state) || $state.includes(formCopywriter.step[3].state))}">
            STEP 2&nbsp;&nbsp;{{formCopywriter.step[1].content}}
            <i class="glyphicon glyphicon-ok-circle" style="color: #1F86ED"
               ng-show="($state.includes(formCopywriter.step[2].state) || $state.includes(formCopywriter.step[3].state))">
            </i>
        </li>
        <li class="col-lg-4 col-md-4 col-sm-4 col-xs-4"
            ng-class="{'active': ($state.includes(formCopywriter.step[2].state) || $state.includes(formCopywriter.step[3].state))}">
            STEP 3&nbsp;&nbsp;{{formCopywriter.step[2].content}}
            <i class="glyphicon glyphicon-ok-circle" style="color: #1F86ED"
               ng-show="$state.includes(formCopywriter.step[3].state)">
            </i>
        </li>
        <li class="clear-float" style="padding-bottom:0;border-bottom:none;"></li>
    </ul>
    <div class="tab-pane" ui-view="formDetail"></div>
</div>
